<template>
	<view class="content">
		<TopLogo></TopLogo>
		<view class="btn-area" @tap="handleGoPage('register')">
		</view>
		<view class="btn-area login" @tap="handleGoPage('login')">
		</view>
	</view>
</template>

<script>
	import TopLogo from '@/components/topLogo/index.vue';
	export default {
		components: {
			TopLogo
		},
		data() {
			return {}
		},
		onLoad(props) {
		},
		methods: {

			handleGoPage(type) {
				uni.navigateTo({
					url: `/pages/${type}/${type}`
				})
			},}
	}
</script>

<style lang="less">
	.content {
		height: 100vh;
		background: url('../../static/login_bg.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;

		.btn-area{
			width: 280rpx;
			height: 100rpx;
			position: absolute;
			bottom: 24.5%;
			left: 50%;
			transform: translateX(-50%);
			&.login{
				bottom: 16%;
			}
			
		}
	}

	
</style>